import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface PaletteCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const PaletteCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: PaletteCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.28 2.024c-2.109.185-3.979.926-5.561 2.201-1.675 1.351-2.908 3.28-3.416 5.346-.216.881-.277 1.41-.277 2.429s.061 1.548.277 2.429c.886 3.607 3.839 6.502 7.457 7.311.818.183 1.292.235 2.18.236.811.001.852-.003 1.169-.109 1.091-.364 1.772-1.358 1.77-2.583 0-.492-.063-.793-.264-1.277-.253-.609-.178-1.043.249-1.447.461-.437.671-.462 1.976-.24 1.183.201 1.598.229 2.141.146a3.595 3.595 0 0 0 1.789-.784c.89-.745 1.21-1.734 1.206-3.722-.001-.909-.052-1.377-.236-2.2-.458-2.049-1.658-4.025-3.26-5.369-1.824-1.531-3.915-2.321-6.26-2.368a15.89 15.89 0 0 0-.94.001m-1.179 5.111c.313.143.622.45.766.761.098.21.113.293.113.604 0 .31-.015.393-.112.6a1.698 1.698 0 0 1-.764.767c-.21.098-.293.113-.604.113-.31 0-.393-.015-.6-.112a1.698 1.698 0 0 1-.767-.764c-.098-.21-.113-.293-.113-.604 0-.32.014-.389.124-.62.273-.573.795-.893 1.417-.867.223.009.362.041.54.122m5 0c.313.143.622.45.766.761.098.21.113.293.113.604 0 .31-.015.393-.112.6a1.698 1.698 0 0 1-.764.767c-.21.098-.293.113-.604.113-.31 0-.393-.015-.6-.112a1.698 1.698 0 0 1-.767-.764c-.098-.21-.113-.293-.113-.604 0-.32.014-.389.124-.62.273-.573.795-.893 1.417-.867.223.009.362.041.54.122m-7 4c.313.143.622.45.766.761.098.21.113.293.113.604 0 .31-.015.393-.112.6a1.698 1.698 0 0 1-.764.767c-.21.098-.293.113-.604.113-.31 0-.393-.015-.6-.112a1.698 1.698 0 0 1-.767-.764c-.098-.21-.113-.293-.113-.604 0-.32.014-.389.124-.62.273-.573.795-.893 1.417-.867.223.009.362.041.54.122"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
